{include file='header'/}
<link rel="stylesheet" href="__STATIC_ADMIN__/css/dashboard.css" media="all">
<div class="layui-card">
    <div class="layui-card-body">
        <div class="layui-row layui-col-space15">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md6">
                    <div class="layui-card userinfo">
                        <div class="layui-card-header"><span class="hui-circle-icon lime"><i
                                class="layui-icon layui-icon-username"></i></span>个人信息
                        </div>
                        <div class="layui-card-body">
                            <div class="admin_user">
                                <div class="admin_user_rght">
                                    <div class="headimg" to>
                                        <i></i>
                                        <a class="new_tab">
                                            <img src="{$admin_info.avatar}" alt="">
                                        </a>

                                    </div>
                                    <div class="welcome en-font">
                                        您好！<span>{$admin_info.username}</span>
                                    </div>
                                </div>
                                <div class="admin_user_left">
                                    <ul class="list">
                                        <li>登录名称：<span class="c">{$admin_info.username}</span></li>
                                        <li>昵&emsp;&emsp;称：<span class="c">{$admin_info.nickname}</span></li>
                                        <li>角色组名：<span class="c">{$admin_info.group_name}</span></li>
                                        <li>邮箱地址：<span class="c">{$admin_info.email}</span></li>
                                        <li>登录地址：<span class="c">{$admin_info.loginip}</span></li>
                                        <li>登录时间：<span class="c">{$admin_info.logintime|date="Y-m-d H:i:s"}</span></li>
                                    </ul>
                                    <div class="user_link" to>
                                        <a class="layui-btn layui-btn-primary layui-border-green layui-btn-radius new_tab">
                                            <i class="layui-icon layui-icon-username"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-card env">
                        <div class="layui-card-header"><span class="hui-circle-icon purple"><i
                                class="layui-icon layui-icon-engine"></i></span>运行环境
                        </div>
                        <div class="layui-card-body">
                            <div class="layui-carousel admin-carousel admin-env" data-interval="10000" data-anim="fade"
                                 data-height="244" lay-anim="fade" lay-indicator="inside" lay-arrow="none"
                                 style="width: 100%; height: 244px;">
                                <div carousel-item="">
                                    <div class="layui-this">
                                        <table class="layui-table">
                                            <colgroup>
                                                <col width="33.33%">
                                                <col width="33.33%">
                                                <col width="33.33%">
                                            </colgroup>
                                            <tbody>

                                            <tr>
                                                <th colspan="3"><b>服务器环境</b></th>
                                            </tr>
                                            <tr>
                                                <td colspan="3">{$sys_info.os}</td>
                                            </tr>
                                            <tr>
                                                <th><b>上传限制</b></th>
                                                <th><b>PHP版本</b></th>
                                                <th><b>数据库版本</b></th>
                                            </tr>
                                            <tr>
                                                <td>{$sys_info.fileupload}</td>
                                                <td>{$sys_info.phpv}</td>
                                                <td>{$sys_info.mysql_version}</td>
                                            </tr>
                                            <tr>
                                                <th><b>服务器域名/IP</b></th>
                                                <th><b>服务器时间</b></th>
                                                <th><b>剩余空间</b></th>
                                            </tr>
                                            <tr>
                                                <td>{$sys_info.domain}</td>
                                                <td>{$sys_info.time}</td>
                                                <td>{$sys_info.remaining_space}</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

{include file='footer'/}
<script>
  layui.use(['element', 'carousel', 'layer', 'jquery'], function () {
    var $ = layui.jquery;
    var element = layui.element;
    var carousel = layui.carousel;
    layer = layui.layer;

    $("[to]").click(function(){
      top.layui.admin.jump(2,"基本资料","{:__url('index/edit_info')}",true)
    })

    $('.admin-carousel').each(function () {
      carousel.render({
        elem: this
        , width: '100%'
        , height: $(this).data('height') + 'px'
        , arrow: $(this).data('arrow') ? $(this).data('arrow') : 'none'
        , anim: $(this).data('anim') ? $(this).data('anim') : 'default'
        , trigger: $(this).data('trigger') ? $(this).data('trigger') : 'mouseover'
        , autoplay: $(this).data('autoplay') ? true : false
        , interval: $(this).data('interval') ? $(this).data('interval') : 3000
      });
    })

  })

</script>
